<template>
	<view>
		<u-sticky>
			<u-tabs :list="list" :is-scroll="false" :current="current" @change="sectionChange"></u-tabs>
		</u-sticky>
		<u-card padding="16" v-if="current == 0">
			<view class="" slot="head">
				<view class="wrap">
					<u-row>
						<scan></scan>
						<scanner></scanner>
						<sm></sm>
						<honeywell></honeywell>
						<hk></hk>
						<u-col span="9" text-align="left">
							<view class="u-line-1 u-m-t-2 weikaishi2 lanse">
								<span>选择原库位</span>
							</view>
						</u-col>
						<u-col span="3" text-align="center" @click="getp()">
							<view class="u-line-1 u-m-t-2 weikaishi2">
								<u-icon name="plus" color="#2b85e4" size="45"></u-icon>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="11" text-align="left">
							<view class="u-m-t-2">
								<u-search placeholder="输入原库位" :clearabled="true" v-model="keyword2"
									border-color="#606266" @custom="search2" @search="search2"></u-search>
							</view>
						</u-col>
						<u-col span="1" text-align="center" @click="cany()">
							<view class="u-m-t-2">
								<u-icon name="scan" color="#2b85e4" size="50"></u-icon>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="11" text-align="left">
							<view class="u-m-t-2">
								<u-search placeholder="输入商品编号/名称/条码搜索" :clearabled="true" v-model="keyword"
									border-color="#606266" @custom="search" @search="search"></u-search>
							</view>
						</u-col>
						<u-col span="1" text-align="center" @click="cany1()">
							<view class="u-m-t-2">
								<u-icon name="scan" color="#2b85e4" size="50"></u-icon>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="12" text-align="left">
							<view class=" u-m-t-4 weikaishi">
								<span v-html="yuanweizhi"></span>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
			<view class="" slot="body">
				<view class="wrap">
					<view v-for="(item,index) in dataList" :key="index">
						<u-row>
							<u-col span="2" text-align="center">
								<view class="u-line-1 u-m-t-4 weikaishi">
									<u-icon name="https://z3.ax1x.com/2021/07/19/WJFqj1.png" color="#2b85e4" size="45">
									</u-icon>
								</view>
							</u-col>
							<u-col span="10" text-align="left">
								<view class="u-m-t-4 lanse weikaishi3">
									<span>{{item.goodsName}}</span>
								</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="5" text-align="center">
								<view class="u-line-1 u-m-t-4 lanse weikaishi">
									<span>编号：</span><span>{{item.goodsNumber}}</span>
								</view>
							</u-col>
							<u-col span="7" text-align="center">
								<view class="u-line-1 u-m-t-4 lanse weikaishi">
									<span>库位：</span><span>{{item.positionNumber}}</span>
								</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="5" text-align="left">
								<view class="u-line-1 u-m-t-4">
									<u-checkbox v-model="item.checked">{{item.trayNumber}}</u-checkbox>
								</view>
							</u-col>
							<u-col span="3" text-align="center">
								<view class="u-line-1 u-m-t-10">
									<span>{{item.kcNum}}</span>
								</view>
							</u-col>
							<u-col span="4" text-align="center">
								<view class="u-line-1 u-m-t-10">
									<span>{{item.detailedDate}}</span>
								</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="12" text-align="center">
								<view class="jiange">
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
			</view>
		</u-card>
		<u-card padding="16" v-if="current == 0">
			<view class="" slot="head">
				<view class="wrap">
					<u-row>
						<u-col span="8" text-align="left">
							<view class="u-line-1 u-m-t-2 weikaishi2 yiwancheng">
								<span>选择目的库位</span>
							</view>
						</u-col>
						<u-col span="2" text-align="right" @click="getp2()">
							<view class="u-line-1 u-m-t-2 weikaishi2">
								<u-icon name="plus" color="#00c300" size="45"></u-icon>
							</view>
						</u-col>
						<u-col span="2" text-align="right" @click="canm()">
							<view class="u-line-1 u-m-t-2 weikaishi2">
								<u-icon name="scan" color="#2b85e4" size="45"></u-icon>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="12" text-align="right">
							<view class="u-line-1 u-m-t-2">
								<u-search placeholder="输入目的库位" :clearabled="true" v-model="keyword3"
									border-color="#606266" @custom="search3" @search="search3"></u-search>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="12" text-align="left">
							<view class=" u-m-t-4 weikaishi">
								<span v-html="mudiweizhi"></span>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
			<view class="" slot="body">
				<view class="wrap">
					<view v-if="dataList2.length > 0" v-for="(item,index) in dataList2" :key="index">
						<u-row>
							<u-col span="2" text-align="center">
								<view class="u-line-1 u-m-t-4 weikaishi">
									<u-icon name="https://z3.ax1x.com/2021/07/19/WJFqj1.png" color="#2b85e4" size="45">
									</u-icon>
								</view>
							</u-col>
							<u-col span="10" text-align="left">
								<view class="u-m-t-4 lanse weikaishi3">
									<span>{{item.goodsName}}</span>
								</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="5" text-align="center">
								<view class="u-line-1 u-m-t-4 lanse weikaishi">
									<span>编号：</span><span>{{item.goodsNumber}}</span>
								</view>
							</u-col>
							<u-col span="7" text-align="center">
								<view class="u-line-1 u-m-t-4 lanse weikaishi">
									<span>库位：</span><span>{{item.positionNumber}}</span>
								</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="5" text-align="left">
								<view class="u-line-1 u-m-t-4">
									<span>{{item.trayNumber}}</span>
								</view>
							</u-col>
							<u-col span="3" text-align="left">
								<view class="u-line-1 u-m-t-10">
									<span>{{item.kcNum}}</span>
								</view>
							</u-col>
							<u-col span="4" text-align="center">
								<view class="u-line-1 u-m-t-10">
									<span>{{item.detailedDate}}</span>
								</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="12" text-align="center">
								<view class="jiange">
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
			</view>
		</u-card>



		<u-card padding="16" v-if="current == 1" v-for="item in cxlist" :key="item.id">
			<view class="" slot="head">
				<view class="wrap">
					<u-row>
						<u-col span="6" text-align="left">
							<view class="u-line-1 u-m-t-2 weikaishi3">
								<span>移库时间:</span>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="7" text-align="left">
							<view class="u-line-1 u-m-t-2 weikaishi">
								<span>{{item.transferTime}}</span>
							</view>
						</u-col>
						<u-col span="5" text-align="right">
							<view class="u-line-1 u-m-t-2 weikaishi">
								<span>移库人：{{item.transferUser}}</span>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
			<view class="" slot="body">
				<view class="wrap">
					<u-row>
						<u-col span="2" text-align="center">
							<view class="u-line-1 u-m-t-4 weikaishi">
								<u-icon name="https://z3.ax1x.com/2021/07/19/WJFqj1.png" color="#2b85e4" size="45">
								</u-icon>
							</view>
						</u-col>
						<u-col span="10" text-align="left">
							<view class="u-m-t-4 lanse weikaishi3">
								<span>{{item.goodsName}}</span>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="12" text-align="left">
							<view class="u-line-1 weikaishi yiwancheng">
								<span>托盘号：{{item.trayNumber}}</span>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="6" text-align="left">
							<view class="u-line-1 weikaishi">
								<span>编号:{{item.goodsNumber}}</span>
							</view>
						</u-col>
						<u-col span="6" text-align="left">
							<view class="u-line-1 weikaishi">
								<span>库存数量:{{item.kcNum}}</span>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="6" text-align="left">
							<view class="u-line-1 u-m-t-4 lanse weikaishi">
								<span>原库位：</span><span>{{item.oldPositionNumber}}</span>
							</view>
						</u-col>
						<u-col span="6" text-align="left">
							<view class="u-line-1 u-m-t-4 yiwancheng weikaishi">
								<span>现库位：</span><span>{{item.newPositionNumber}}</span>
							</view>
						</u-col>
					</u-row>
					<u-row>
						<u-col span="6" text-align="left">
							<view class="u-line-1 weikaishi">
								<span>原库位类型：{{item.oldPositionType}}</span>
							</view>
						</u-col>
						<u-col span="6" text-align="left">
							<view class="u-line-1 weikaishi">
								<span>现库位类型：{{item.newPositionType}}</span>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
		</u-card>



		<view style="height: 90rpx;" v-if="current == 0">
		</view>

		<view v-if="current == 0" class="wrap"
			style="position: fixed;bottom: 0rpx;width: 100%;background-color: #2979ff;z-index: 999;" @click="queren()">
			<u-line color="#bababa" />
			<u-row>
				<u-col span="12" text-align="center">
					<view class="u-line-1 u-m-t-10 baise">
						确定
					</view>
				</u-col>
			</u-row>
			<u-row>
			</u-row>
		</view>

		<view>
			<u-select v-model="popupShow3" mode="mutil-column-auto" :list="plist" @confirm="confirm"></u-select>
		</view>
		<u-popup v-model="popupShow2" mode="center" closeable width="550rpx" height="600rpx" border-radius="10">
			<view class=" u-p-r-30 u-p-l-30 u-m-t-20" style="margin-top: 40rpx;">
				<u-search placeholder="输入商品编号/名称/货号搜索" :clearabled="true" v-model="keyword" border-color="#606266"
					@custom="search" @search="search"></u-search>
			</view>
			<view class="wrap">
				<u-row v-for="(item,index) in glist" :key="index" @click="xuanzegoods(item)">
					<u-row>
						<u-col span="1" text-align="center">
							<view class="u-line-1 u-m-t-8">
								<u-icon name="https://z3.ax1x.com/2021/07/19/WJFqj1.png" color="#2b85e4" size="30">
								</u-icon>
							</view>
						</u-col>
						<u-col span="11">
							<view class="weikaishi3">
								<span v-html="item.goodsName"></span>
							</view>
						</u-col>
						<u-col span="12" text-align="left">
							<view class="u-m-t-10 weikaishi lanse">
								<span>编号:{{item.goodsNumber}}</span>
							</view>
						</u-col>
						<u-col span="12" text-align="left">
							<view class="u-m-t-10 weikaishi heise">
								<span>条码:{{item.goodsPcode69}}</span>
							</view>
						</u-col>
						<u-row>
							<u-col span="12" text-align="center">
								<view class="jiange"></view>
							</u-col>
						</u-row>
					</u-row>
				</u-row>
			</view>
		</u-popup>
		<view>
			<u-toast ref="uToast" />
		</view>
	</view>
</template>

<script>
	import scan from "@/components/uni-scan/scan.vue"
	import radio from "@/components/uni-scan/radio.js"
	import scanner from "@/components/uni-scan/scanner.vue"
	import sm from "@/components/uni-scan/sm.vue"
	import honeywell from "@/components/uni-scan/honeywell.vue"
	import hk from "@/components/uni-scan/hk.vue"

	export default {
		components: {
			scanner,
			scan,
			sm,
			honeywell,
			hk
		},
		data() {
			return {
				list: [{
						name: '移库'
					},
					{
						name: '操作记录'
					},
				],
				current: 0,
				dataList: [],
				dataList2: [],
				positionData: {},

				plist: [],
				glist: [],

				popupShow2: false,
				popupShow3: false,

				selectType: '',
				yuanweizhi: '',
				mudiweizhi: '',
				yuanpositionId: '',
				mudipositionId: '',
				cxlist: [],
				pageNo: 1,
				hasMore: true,
				orderCount: 0,

				keyword: '',
				goodsId: '',
				keyword2: '',
				keyword3: '',
				currentIndex: 0 // 用于跟踪当前应该更新哪个 keyword
			};
		},
		onShow() {
			let that = this
			uni.$off('scan')
			uni.$on('scan', function(res) {
				console.log('扫码结果：', res.codeStr);
				if (that.currentIndex === 0) {
					that.keyword2 = res.codeStr;
					that.search2();
				} else if (that.currentIndex === 1) {
					that.keyword3 = res.codeStr;
					that.search3();
				}
				that.currentIndex = (that.currentIndex + 1) % 2; // 循环更新 keyword

			})
			uni.$off('scanner') // 每次进来先 移除全局自定义事件监听器
			uni.$on('scanner', function(res) {
				console.log('扫码结果：', res.code);
				console.log('扫码结果：', res.code);
				if (that.currentIndex === 0) {
					that.keyword2 = res.code;
					that.search2();
				} else if (that.currentIndex === 1) {
					that.keyword3 = res.code;
					that.search3();
				}
				that.currentIndex = (that.currentIndex + 1) % 2; // 循环更新 keyword

			})
			uni.$off('sm') // 每次进来先 移除全局自定义事件监听器
			uni.$on('sm', function(res) {
				console.log('扫码结果：', res.code);
				if (that.currentIndex === 0) {
					that.keyword2 = res.code;
					that.search2();
				} else if (that.currentIndex === 1) {
					that.keyword3 = res.code;
					that.search3();
				}
				that.currentIndex = (that.currentIndex + 1) % 2; // 循环更新 keyword
				

			})
			uni.$off('honeywell') // 每次进来先 移除全局自定义事件监听器
			uni.$on('honeywell', function(res) {
				console.log('扫码结果：', res.code);
				if (that.currentIndex === 0) {
					that.keyword2 = res.code;
					that.search2();
				} else if (that.currentIndex === 1) {
					that.keyword3 = res.code;
					that.search3();
				}
				that.currentIndex = (that.currentIndex + 1) % 2; // 循环更新 keyword
				

			})
			uni.$off('hk') // 每次进来先 移除全局自定义事件监听器
			uni.$on('hk', function(res) {
				console.log('扫码结果：', res.code);
			if (that.currentIndex === 0) {
				that.keyword2 = res.code;
				that.search2();
			} else if (that.currentIndex === 1) {
				that.keyword3 = res.code;
				that.search3();
			}
			that.currentIndex = (that.currentIndex + 1) % 2; // 循环更新 keyword
			

			})
		},
		onLoad() {
			this.$http.post('/rest/storage/getWarehouselist', {}, {
				params: {},
				header: {
					'Authorization': uni.getStorageSync('token'),
				}
			}).then(res => {
				this.plist = res.data.data
			})
		},
		onPullDownRefresh() {
			if (this.current == 1) {
				this.refresh2()
			}
			uni.stopPullDownRefresh()
		},
		onReachBottom() {
			if (this.current == 1) {
				uni.showLoading({
					title: '加载中'
				})
				if (this.hasMore) {
					this.pageNo++
					setTimeout(() => {
						this.loadOrder({}).then(res => {})
						uni.hideLoading()
					}, 500)
				} else {
					setTimeout(() => {
						uni.hideLoading()
						uni.showToast({
							icon: 'none',
							title: '已经到低了哦',
							duration: 2000
						});
					}, 500)
				}
			}
		},
		methods: {

			cany() {
				let that = this
				// 只允许通过相机扫码
				uni.scanCode({
					success: function(res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
						that.keyword2 = res.result
						that.search2()
					}
				});
			},
			cany1() {
				let that = this
				// 只允许通过相机扫码
				uni.scanCode({
					success: function(res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
						that.keyword = res.result
						that.search()
					}
				});
			},
			canm() {
				let that = this
				// 只允许通过相机扫码
				uni.scanCode({
					success: function(res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
						that.keyword3 = res.result
						that.search3()
					}
				});
			},
			xuanzegoods(item) {
				this.yuanweizhi = ''
				this.yuanpositionId = ''
				this.keyword2 = ''
				this.goodsId = item.id
				uni.showLoading({
					title: '加载中'
				})
				this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
					params: {
						goodsId: item.id,
					},
					header: {
						'Authorization': uni.getStorageSync('token'),
					}
				}).then(res => {
					uni.hideLoading()
					this.dataList = res.data.data
					this.popupShow2 = false
				})
			},
			search() {
				if (typeof this.keyword == 'undefined' || this.keyword == null || this.keyword == "") {
					uni.showToast({
						title: "请输入商品信息",
						icon: 'none'
					})
					return
				}
				this.$http.post('/rest/hxStorageStock/goodslist', {}, {
					params: {
						condition: this.keyword
					},
					header: {
						'Authorization': uni.getStorageSync('token'),
					}
				}).then(res => {
					if (res.data.data.length > 0) {
						let arr = []
						let inta = 0
						for (let item1 of res.data.data) {
							if (inta != 10) {
								arr.push(item1)
							} else {
								break
							}
							inta++
						}
						this.glist = arr
						this.popupShow2 = true
					} else {
						this.glist = []
						uni.showToast({
							title: "暂无库存数据",
							icon: 'none'
						})
					}

				})
			},
			search3() {
				if (typeof this.keyword3 == 'undefined' || this.keyword3 == null || this.keyword3 == "") {
					uni.showToast({
						title: "请输入目的库位",
						icon: 'none'
					})
					return
				}
				this.keyword3 = this.keyword3.toLocaleUpperCase()
				this.mudiweizhi = '目的库位:' + this.keyword3
				this.mudipositionId = ""
				uni.showLoading({
					title: '加载中'
				})
				this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
					params: {
						positionNumber: this.keyword3.toLocaleUpperCase(),
					},
					header: {
						'Authorization': uni.getStorageSync('token'),
					}
				}).then(res => {
					uni.hideLoading()
					this.dataList2 = res.data.data
				})
			},
			search2() {
				if (typeof this.keyword2 == 'undefined' || this.keyword2 == null || this.keyword2 == "") {
					uni.showToast({
						title: "请输入原库位",
						icon: 'none'
					})
					return
				}
				this.keyword = ''
				this.goodsId = ''
				this.keyword2 = this.keyword2.toLocaleUpperCase()
				this.yuanweizhi = '原库位:' + this.keyword2
				this.yuanpositionId = ""
				uni.showLoading({
					title: '加载中'
				})
				this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
					params: {
						positionNumber: this.keyword2.toLocaleUpperCase(),
					},
					header: {
						'Authorization': uni.getStorageSync('token'),
					}
				}).then(res => {
					uni.hideLoading()
					this.dataList = res.data.data
					if (res.data.code == 500) {
						uni.showToast({
							title: "查询信息输入错误，请重新输入",
							icon: 'none'
						})
					}
				})
			},
			refresh2() {
				this.pageNo = 1
				this.hasMore = true
				this.loadOrder({}).then(res => {})
			},
			loadOrder(param = {}) {
				return new Promise((resolve, reject) => {
					param = Object.assign(param, {
						page: this.pageNo,
						limit: 10
					})
					this.$http.post('/rest/hxStorageMoveRecord/list', {}, {
						params: param,
						header: {
							'Authorization': uni.getStorageSync('token'),
						}
					}).then(res => {
						if (this.pageNo == 1) {
							this.cxlist = res.data.data
						} else {
							this.cxlist = this.cxlist.concat(res.data.data)
						}
						this.orderCount = res.data.count
						this.hasMore = this.pageNo * 10 < res.data.count
						resolve(res)
					})
				})
			},
			refresh() {
				this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
					params: {
						positionId: this.yuanpositionId,
						positionNumber: this.keyword2.toLocaleUpperCase(),
						goodsId: this.goodsId
					},
					header: {
						'Authorization': uni.getStorageSync('token'),
					}
				}).then(res => {
					this.dataList = res.data.data
				})
				this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
					params: {
						positionId: this.mudipositionId,
						positionNumber: this.keyword3.toLocaleUpperCase()
					},
					header: {
						'Authorization': uni.getStorageSync('token'),
					}
				}).then(res => {
					this.dataList2 = res.data.data
				})
			},
			queren() {
				let idList = []
				let ckid = ''
				for (let item of this.dataList) {
					if (ckid == '') {
						ckid = item.warehouseId
					} else {
						if (ckid != item.warehouseId) {
							uni.showToast({
								title: "原库存不可跨仓",
								icon: 'none'
							})
							return
						}
					}
					if (item.checked) {
						idList.push(item.id)
					}
				}
				if (idList.length == 0) {
					uni.showToast({
						title: "请选择原库存",
						icon: 'none'
					})
					return
				}
				if (this.dataList.length == 0) {
					uni.showToast({
						title: "原库位暂无库存",
						icon: 'none'
					})
					return
				}
				if (this.keyword3 == '') {
					uni.showToast({
						title: "请选择目的库位",
						icon: 'none'
					})
					return
				}
				let aimid = this.keyword3
				for (let item of this.dataList) {
					if (item.checked) {
						if (item.positionNumber == aimid) {
							uni.showToast({
								title: "原库位和现库位不可一致",
								icon: 'none'
							})
							return
						}
					}
				}
				uni.showModal({
					content: '确定提交吗？',
					success: (res) => {
						if (res.confirm) {
							uni.showLoading({
								title: '正在提交'
							})
							this.$http.post('/rest/hxStorageMoveRecord/remove?ids=' + idList, { //移库
							}, {
								params: {
									newPositionNumber: aimid,
									newPositionId: this.mudipositionId
								},
								header: {
									'Authorization': uni.getStorageSync('token'),
								}
							}).then(res => {
								uni.hideLoading()
								if (res.data.code == 200) {
									console.log(res.data.data)
									if (res.data.data == idList.length) {
										this.$refs.uToast.show({
											title: '操作成功',
											type: 'success'
										})
									} else {
										this.$refs.uToast.show({
											title: '未完成拣货任务的库存不能移库',
											type: 'warning'
										})
									}
									this.refresh()
								} else {
									this.$refs.uToast.show({
										title: res.data.message,
										type: 'error'
									})
								}
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			getp() {
				this.selectType = 'yuan'
				this.popupShow3 = true
			},
			getp2() {
				this.selectType = 'mudi'
				this.popupShow3 = true
			},
			confirm(e) {
				if (this.selectType == 'yuan') {
					this.keyword2 = ''
					this.keyword = ''
					this.goodsId = ''
					this.yuanweizhi = '原库位：' + e[2].label
					this.yuanpositionId = e[2].value
					this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
						params: {
							positionId: e[2].value,
						},
						header: {
							'Authorization': uni.getStorageSync('token'),
						}
					}).then(res => {
						this.dataList = res.data.data
					})
				} else {
					this.keyword3 = e[2].label
					this.mudiweizhi = '目的库位：' + e[2].label
					this.mudipositionId = e[2].value
					this.$http.post('/rest/hxStorageStock/hxStorageMoveList', {}, {
						params: {
							positionId: e[2].value,
						},
						header: {
							'Authorization': uni.getStorageSync('token'),
						}
					}).then(res => {
						this.dataList2 = res.data.data
					})
				}
				this.popupShow3 = false
			},
			sectionChange(e) {
				this.current = e
				if (e == 1) {
					this.refresh2()
				}
			},
		}
	}
</script>
<style lang="scss">
	.u-body-item {
		padding: 20rpx 15rpx;
	}

	.wrap {
		padding: 0rpx 12rpx;
	}

	.u-row {
		margin: 10rpx 2rpx;
	}

	.weikaishi2 {
		font-size: 34rpx;
	}

	.baise {
		color: #ffffff;
		font-size: 34rpx;
	}

	.weikaishi3 {
		font-size: 30rpx;
	}

	.jiange {
		border-bottom: 1px solid #e1e1e1;
	}
</style>
